/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./app.vue",
    "./error.vue",
  ],
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            maxWidth: "none",
            "h1, h2, h3, h4, h5": {
              fontWeight: "600",
            },
            h1: {
              fontSize: "2em",
              marginTop: "0.67em",
              marginBottom: "0.67em",
            },
            h2: {
              fontSize: "1.5em",
              marginTop: "0.83em",
              marginBottom: "0.83em",
            },
            h3: {
              fontSize: "1.17em",
              marginTop: "1em",
              marginBottom: "1em",
            },
            h4: {
              fontSize: "1em",
              marginTop: "1.33em",
              marginBottom: "1.33em",
            },
            h5: {
              fontSize: "0.83em",
              marginTop: "1.67em",
              marginBottom: "1.67em",
            },
          },
        },
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
  corePlugins: {
    preflight: {
      ignoredClasses: ["w-e-text-container", "w-e-scroll"],
    },
  },
  safelist: ["w-e-text-container", "w-e-scroll"],
};
